<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
.a {
	color: #09F;
	background-color: #09F;
	height: 100px;
	width: 700px;
}
.e {
	background-color: #090;
	float: right;
	height: 100px;
	width: 300px;
}
.pink {
	background-color: #F5B397;
	height: 100px;
	width: 700px;
}
.b {
	background-color: #F60;
	height: 300px;
	width: 700px;
}
.d {
	background-color: #FC3;
	height: 200px;
	width: 700px;
	clear: both;
}
.f {
	background-color: #FFC;
	height: 200px;
	width: 400px;
	float: right;
}
.g {
	background-color: #69C;
	height: 200px;
	width: 200px;
	float: right;
}
.c {
	background-color: #3F0;
	height: 200px;
	width: 700px;
}
</style>
</head>

<body>
<div class="a">
  <div class="e"></div></div>
<div class="b">
  <div class="d">
    <div class="f">
    
      <div class="g"></div>
      <div class="h"></div>
    </div>
  </div>
</div>
<div class="c">
  <div class="pink"></div>
</div>

</body>
</html>